<template>
  <div class="routerTabbar">
    <router-view></router-view>
    <van-tabbar route placeholder v-if="$route.meta.needTabbar">
      <!-- home页 -->
      <van-tabbar-item to="/routerTabbar/home">
        <span>主页</span>
        <template #icon>
          <span class="iconfont" style="font-size:20px">&#xe61b;</span>
        </template>
      </van-tabbar-item>
      <!-- 问答 -->
      <van-tabbar-item to="/routerTabar/question">
        <span>问答</span>
        <template #icon>
          <span class="iconfont" style="font-size:20px">&#xe7ba;</span>
        </template>
      </van-tabbar-item>
      <!-- 视频 -->
      <van-tabbar-item to="/routerTabbar/videox">
        <span>视频</span>
        <template #icon>
          <span class="iconfont" style="font-size:20px">&#xe63e;</span>
        </template></van-tabbar-item
      >
      <!-- 我的 -->
      <van-tabbar-item to="/routerTabbar/userInfo">
        <span>我的</span>
        <template #icon>
          <span class="iconfont" style="font-size:20px">&#xe6a0;</span>
        </template></van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="less" scoped>
.routerTabbar {
}
</style>
